<template>
  <div style="background-color: #f2f2f2;height: 720px">

    <van-nav-bar title="工作门户" left-text="返回">
      <template #left>
        <van-icon color="#424242" name="manager" size="25"/>
      </template>
      <template #right>
        <van-icon color="#424242" name="scan" size="25"/>
      </template>
    </van-nav-bar>

    <br/>

    <div>
      <van-cell-group>
        <van-cell style="color: cornflowerblue;" title-class="title-font" icon="chat"
                  title="系统消息" value="07/15 18:01" label="合理化建议完成,奖励+10积分"/>
        <van-cell style="color: darkorange;" title-class="title-font" icon="wap-home" title="企业公告" label="暂无数据"/>
        <van-cell style="color: #42b983;" title-class="title-font" icon="bell" title="任务提醒" label="暂无数据"/>
      </van-cell-group>
    </div>

    <br/>

    <div style="background-color: white">
      <div style="padding: 10px;">
        <strong>工作区</strong>
      </div>

      <van-grid clickable="clickable">
        <van-grid-item style="color: #42b983" icon="notes-o" text="5s巡检" to="/home/work/ins/index"/>
        <van-grid-item style="color: darkorange" icon="orders-o" text="安全检查"/>
        <van-grid-item style="color: darkorange" icon="bulb-o" text="合理化建议" to="/home/work/suggest/index"/>
      </van-grid>
    </div>

  </div>
</template>

<script>
export default {
  name: "Index"

}
</script>

<style scoped>
.title-font{
  color: black;
  font-size:18px;
}

</style>
